<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>InFoCenter-Info</title>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.min.css">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="${pageContext.request.contextPath}/js/jquery-3.3.1.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/private/info.css">
    <script src="${pageContext.request.contextPath}/js/private/info.js"></script>
</head>
<body>
<div class="container-fluid">
    <!-- 巨幕 -->
    <div class="jumbotron">
        <h1>Welcome to InFoCenter</h1>
        <p>This is your Info</p>
        <p><a class="btn btn-primary btn-lg" role="button" href="#" onclick="logOut()">LogOut</a></p>
    </div>
    <!-- 页头 -->
    <div class="page-header">
        <h1>Member Info<small>time</small></h1>
    </div>
    <div class="table-wrapper">
        <table class="fl-table">
            <thead>
            <tr>
                <th>Username</th>
                <th>Password</th>
                <th>Telphone</th>
                <th>E-Mail</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>${user.account}</td>
                <td>${user.password}</td>
                <td>${user.tel}</td>
                <td>${user.email}</td>
            </tr>
            <tbody>
        </table>
    </div>
</div>
</body>
</html>
